*{
    margin:0;
    padding: 0px;
    text-decoration: none;
}
a{
    color: black;
    text-decoration: none;
}
form{
    text-align: center;
}
.father{
  height:527px ;
  width: 375px;
  background-color:#F5F5F5;
   margin:0 auto;
}
.father p{
    font-size: 25px;
}
.rating a{
    border: 1px solid gray;
    border-radius: 5px;
    margin-left: 70px;
}
.rating {
        font-family: "Ionicons";
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.rating i {
    position: relative;
    margin-right: 6px;
    font-size: 2em;
    color: gold;
    cursor: pointer;
}
.rating i:hover::before {
    content: "\f384";
    opacity: 1;
    transition: 0.5s;
    transform: scale(1.2);
}
.active::before {
    content: "\f384";
    opacity: 1;
    transition: 0.5s;
}